import React,{memo} from 'react'
import {useNavigate} from "react-router";

function ImgItem(){
    let background = "url('https://tse2-mm.cn.bing.net/th/id/OIP-C.VzhOTC3SVqdVV48AhF5grwHaFS?w=252&h=180&c=7&r=0&o=5&pid=1.7')"
  const navigate = useNavigate();
  return <>
    <div className="xc-item">
    <div onClick={()=>navigate("/konJian/XcInfo")} className="xc-item-box">
       <div className="xc-img" style={{background:background,backgroundSize:"cover"}}>
         <div className="xc-num">0</div>
       </div>
      <div className="cx-name">
        <span>相册名称</span>
        <span><i className="iconfont mt-lajixiang"></i></span>

      </div>
    </div>

    </div>
  </>
}

export default memo(ImgItem);
